<template>
    <m-progress :percentage="10" isAnimation ></m-progress>
    <m-progress :percentage="10" isAnimation :time="100"></m-progress>
    <el-progress type="circle" :percentage="0" />
    <el-progress type="circle" :percentage="25" isAnimation/>
    <el-progress type="circle" isAnimation :time="1000" :percentage="100"  />
    <el-progress type="circle" :percentage="70" status="warning" />
    <el-progress type="circle" :percentage="50" status="exception" />
</template>
<script lang="ts" setup>

</script>
<style scoped>

.demo-progress .el-progress--line {
  margin-bottom: 15px;
  width: 350px;
}
.demo-progress .el-progress--circle {
  margin-right: 15px;
}
</style>